﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Post.aspx.cs" Inherits="famails.Post" MasterPageFile="~/famails.Master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <style>
    #AboutUs li {
        list-style:none;
        width:100%;
        padding:3px 0px 3px 20px;
        font-size:14px;
        transition:0.5s;
    }
#AboutUs li a{
        color:#333;
transition:0.5s;
    }
</style>

        <div class="main-page" style="padding-top: 20px; padding-bottom: 20px;
            font-family: 'Patrick Hand', cursive;">    
            <div class="col-md-1 col-lg-1 hidden-sm hidden-xs"></div>
    <div class="col-md-10 col-lg-10 col-sm-12 col-xs-12">

<div id="AboutUs">
    <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12" id="test_arror" style="padding-left:20px;">
          <div class="col-md-12 col-lg-12 hidden-xs hidden-sm" style="padding:20px 0px 20px 0px;top:0px;" id="leftCol" data-spy="affix" data-offset-top="60" data-offset-bottom="200">
            <div style="font-size:24px;font-weight:bold;margin-bottom:20px;">Danh mục</div>
            <ul style="display:block;padding:0px;">
                <asp:Repeater ID="rtmenu" runat="server">
                   <ItemTemplate>
                      <li class="visible-md visible-lg active" style="list-style:none;margin-bottom:5px;font-size:16px;"><a href="<%#Eval("link") %>"><%#Eval("keyName") %></a></li>
                   </ItemTemplate>
              </asp:Repeater>
            </ul>
         </div>
          <div class="col-xs-12 col-sm-12 visible-xs visible-sm" style="padding:20px 0px 20px 0px;top:0px;" >
            <div style="font-size:24px;font-weight:bold;margin-bottom:20px;">Danh mục</div>
            <ul style="display:block;padding:0px;">
                <asp:Repeater ID="rtmenu2" runat="server">
                   <ItemTemplate>
                        <span class="visible-sm visible-xs"> 
                          <a href="<%#Eval("link") %>">
                              <span style="float:left;margin-right:10px;margin-bottom:5px;font-size:17px;padding:9px 20px;border:1px solid #333;border-radius:0px;">
                              <%#Eval("keyName") %>
                              </span>
                          </a>
                            </span>                   

                   </ItemTemplate>
              </asp:Repeater>
            </ul>
         </div>
    </div>
                          

    <style>
        .row-fluid {
            width:100% !important;
            overflow:hidden;
        }
        section {
            font-family: 'Patrick Hand', cursive !important;
            font-size:17px;
        }
        </style>
    <!-- Tab panes -->
    <div class="col-md-9 col-lg-9 col-xs-12 col-sm-12" style="padding-left:30px;border-left:1px solid #ccc;min-height:400px;font-size:17px;margin-bottom:30px;padding-bottom:20px;">
        <div class="tab-content" style="margin-top:30px;">
          <%--<div class="tab-pane" id="link_cxbaomat"><asp:Literal ID="ltrPost" runat="server"></asp:Literal></div>--%>
            <asp:Literal ID="ltrPost" runat="server"></asp:Literal>
        </div>

    </div>
</div>
        </div>
    <div class="col-md-1 col-lg-1 hidden-sm hidden-xs"></div>
        </div>
        <script>
            $('#leftCol').affix({
                offset: { top: $('#leftCol').offset().top }
            });

    </script>

</asp:Content>

